<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style>
            /*id选择器，以#作为前缀，给标签设置id属性，id的值要唯一,注意：id的属性值不能以数字开头*/
            #myp{
                color:yellow;
                font-size:40px;
            }
            #myp2{
                color:green;
            }

            /*
            class选择器，类选择器，以.号作为前缀，给标签设置class属性,class的属性值不能以数字开头
            一个class的值可以有多个，如 class="a b"

            */
            .a{
                color:red;
              }
            .b{
                /*加粗*/
                font-weight:bold;
            }
            .c{
                font-size:100px;
            }

            /*
                标签选择器:以标签名作为前缀
            */
            span{
               color:cyan;
            }

            /*匹配当前文档中的所有元素*/
            *{
                /*background:hotpink;*/
            }
        </style>
    </head>
    <body>
        <p>p01</p>
        <p id="myp">p02</p>
        <p>p03</p>
        <p>p04</p>
        <p id="myp2">p05</p>
        <div>div01</div>
        <div class="a b">div02</div>
        <div>div03</div>
        <div>div04</div>
        <div class="a c">div05</div>
        <span>span</span><span>span</span><span>span</span>
    </body>
</html>